<template>
	<div class="yh_content foSi14">
		<div class="btn-group_top">
			<el-button type="primary" class="bac6b7" @click.stop="back" size="small">返回列表</el-button>
		</div>
		<div class="yh_topsearch yh_dis yh_disJub" style="border: none; padding: 0px;">
			<div class="block yh_dis" style="margin-top: 10px">
				<div>
					<div class="demonstration yh_qs yh_font13">月份选择</div>
					<el-date-picker v-model="search.yue" class="date" style="width: 120px;" size="small"
						type="month" placeholder="月份选择" />
				</div>
				<div style="margin-left: 10px">
					<el-button type="primary" class="mar-top20 bac6b7" size="small">导出</el-button>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import {
		getXuan
	} from '@/utils/limits.js'
	import {
		mapGetters
	} from 'vuex' // Secondary package based on el-pagination
	import {
		searchSousuo
	} from '@/api/member'
	export default {
		name: 'exportVisitLogs',
		components: {},
		data() {
			return {
				search: {
					yue: null
				},
				list: [],
				cunList: [],
				type: 0,
			}
		},
		computed: {
			...mapGetters([
				'permission_routes',
				'roles'
			])
		},
		created() {
			var query = this.$route.query
			this.type = Number(query.type)
			var xuanList = [{
				name: '导出回访记录',
				url: '/member/exportVisitLogs?type='+this.type,
				pd: true
			}]
			var xuanList1 = getXuan(xuanList, this.roles)
			this.$store.dispatch('user/changeXuan', {
				key: 'xuanList',
				value: xuanList1
			})
			this.$store.dispatch('user/changeXuan', {
				key: 'xuan',
				value: 0
			})
		},
		methods: {
			back() {
				this.$router.go(-1)
			},
		}
	}
</script>

<style lang="scss" scoped>
	.yh_content {
		padding: 20px;
	}

	.yh_topsearch {
		border: 1px solid #ccc;
		padding: 20px 20px 0px 20px;
	}

	.yh_dis {
		display: flex;
	}

	.yh_disAlc {
		align-items: center;
	}

	.topsearch_item {
		/* padding: 20px; */
	}

	.search_left {
		width: 150px;
		font-size: 12px;
		color: #838383;
		margin-bottom: 15px;
	}

	.search_right {
		flex-wrap: wrap;
	}

	.sons {
		margin-left: 20px;
		cursor: pointer;
		font-size: 12px;
		margin-bottom: 15px;
	}

	.choiceme {
		color: rgb(32, 146, 48);
		font-size: 12px;
	}

	.yh_xian {
		border-bottom: 1px solid #e7e7e7;
		/* width: 98%; */
		margin: 0px auto;
		margin-bottom: 20px;
	}

	.yh_qs {
		color: #838383;
	}

	.yh_disJub {
		justify-content: space-between;
	}

	.yh_disJuc {
		justify-content: center;
	}

	.yh_font12 {
		font-size: 12px;
	}

	.yh_font13 {
		font-size: 13px;
	}

	.btn-group_top {
		text-align: right;
	}

	.base-title {
		height: 22px;
		font-size: 12px;
		color: #787878;
	}

	.export-label {
		width: 166px;
	}

	.export-field__item {
		width: 130px;
		margin-bottom: 20px;
	}

	.export-btn-group {
		padding: 30px 0;
		background: #f2f2f2;
		text-align: center;
	}

	::v-deep .el-checkbox__input.is-checked .el-checkbox__inner {
		background-color: #41c3a8;
		border-color: #41c3a8;
	}

	::v-deep .el-checkbox__input.is-indeterminate .el-checkbox__inner {
		background-color: #ffffff;
		border-color: #DCDFE6;
	}

	::v-deep .el-checkbox__inner:hover {
		border-color: #DCDFE6;
	}

	::v-deep .el-checkbox__input.is-focus .el-checkbox__inner {
		border-color: #DCDFE6;
	}

	::v-deep .el-checkbox__input.is-checked+.el-checkbox__label {
		color: #606266;
	}

	::v-deep .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
		border-color: #fdfeff;
	}

	.date ::v-deep .el-input__inner {
		padding-right: 15px;
	}
</style>